<template>
  <div>
    <div class="box">
      <h3>
        {{ msg }}
      </h3>
      <h3>
        {{obj.name}}
      </h3>
      <h4>
        {{obj.info.toUpperCase()}}
      </h4>
      <h5>
        {{obj.age>18?'刚刚好':'小年轻'}}
      </h5>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      age: 18,
      msg: '我是黑马',
      obj:{
        name:'张三',
        info:'abc'
      }
    }
  },
}
</script>

<style lang="less">
.box {
  .color {
    color: red;
  }

  .color1 {
    color: green;
  }
}
</style>
